<template>
    <section class="vip-rule-main base-main">
      <img :src="imgMember1" alt="">
      <img :src="imgMember2" alt="">
      <img :src="imgMember3" alt="">
      <img :src="imgMember4" alt="">
      <img :src="imgMember5" alt="">
      <ul>
        <li @click="toProduct(item.id)" class="line-bottom" v-for="(item, index) in data" :key="index">
          <img :src="item.img" alt="">
        </li>
      </ul>
    </section>
</template>

<script type="text/ecmascript-6">
  import imgMember1 from '../../assets/img/img_member1.png'
  import imgMember2 from '../../assets/img/img_member2.png'
  import imgMember3 from '../../assets/img/img_member3.png'
  import imgMember4 from '../../assets/img/img_member4.png'
  import imgMember5 from '../../assets/img/img_member5.jpg'
  import imgMember6 from '../../assets/img/img_member6.png'

  export default {
    data() {
      return {
        imgMember1:imgMember1,
        imgMember2:imgMember2,
        imgMember3:imgMember3,
        imgMember4:imgMember4,
        imgMember5:imgMember5,
        data:[
          {
            id:1,
            img: imgMember6
          },
          {
            id:2,
            img: imgMember6
          },
          {
            id:3,
            img: imgMember6
          },
        ],
      }
    },
    methods: {
      toProduct(id){
        this.$router.push({
          path: '/index/web/productDetail',
          query:{id:id}
        })
      }
    },
  }
</script>

<style scoped lang="scss">
  @import '../../assets/css/vipRule.scss';
</style>
